<template>
  <div class="demo-image__preview">
    <h3>大图预览</h3>
    <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
    </el-image>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        url: 'http://103.45.251.27:8089/api/img/82/4161h525p0_wk1600x1600.jpg',
        srcList: [
          'http://103.45.251.27:8089/api/img/82/44942h64p0_wk1600x1600.jpg',
          'http://103.45.251.27:8089/api/img/82/4161h525p0_wk1600x1600.jpg',
          'http://103.45.251.27:8089/api/img/82/h5051368p0_wk1600x1600.jpg'
        ]
      };
    }
  };
</script>